使用Hexo和Github Page快速搭建自己的博客

偶然看到了Hexo,和免费的Github Page,对于程序员来说有一个属于自己的网站和分享技术的地方,真是装逼起飞的开始啊。

废话不多说,直接上干货,对了我这个是针对于windows用户的。

预装环境

安装Hexo

直接下载安装吧,没什么好说的,windows没那么麻烦的。有了nodejs之后,

1
npm install -g hexo-cli

这样就安装好啦

建站

安装完Hexo后,执行以下命令,Heox将会在制定文件夹中新建所需要的文件。

1
2
3
hexo init blog
cd blog
npm install

新建完成后,指定文件夹的目录如下:

1
2
3
4
5
6
7
8
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

_config.yml

它的是最主要的配置文件,我们先不动

Github建仓库

去github上新建一个仓库,仓库名为steflerjiang.github.io

上传至仓库

在blog目录下配置_config.yml文件,其中的deploy项配置为

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github:SteflerJiang/steflerjiang.github.io.git
branch: master

然后执行

1
2
hexo g
hexo -d

这里如果deploy报错的话,ERROR Deployer not found: git,运行npm install hexo-deployer-git --save估计是依赖没有装上去。
等十几分钟,打开https://steflerjiang.github.io/就可以看到你自己的blog啦。

Hexo的其他问题,可以直接看它的官方网站。Hexo

主题主题主题

本来想用默认的主题随便用用,结果不小心google了一下,发现了next,完全不能自拔,太漂亮了

看到一个很详细的教程在这里Hexo搭建GitHub博客(三)- NexT主题配置使用

sitemap

sitemap的意思就是站点地图,意味着你要告诉搜索引擎你网站的哪些网址是可以被收录的。

我一共给两个搜索引擎添加了sitemap,分别是google和百度。废话不多说,对于hexo 3.x版本

1
2
3
cd your-site
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save

执行完之后,打开你根目录下的package.json文件,会发现dependencies里面多了两行

1
2
"hexo-generator-baidu-sitemap": "^0.1.2",
"hexo-generator-sitemap": "^1.1.2"

打开你的站点配置文件,在最下面加入如下配置:

1
2
3
4
5
6
<!-- 不要用网上的path配置,会导致deploy失败 -->
baidusitemap:
path: baidusitemap.xml

sitemap:
path: sitemap.xml

这就代表安装成功了。
然后执行

1
2
hexo g
hexo d

重新生成和部署。

百度

打开并登录百度站长平台,在链接提交中提交你自己的博客地址,比如我自己的就是https://steflerjiang.github.io/,提交完成之后有个验证过程,意思就是证明这个网站归你所有,我选择用html验证,很简单,在根目录下的index.htmlhead标签中加一行代码验证一下就行,加完之后重新执行hexo d,等个1分钟就可以验证了。

然后去sitemap提交选择sitemap,填写自己的sitemap地址,我的地址如下https://steflerjiang.github.io/baidusitemap.xml,输入验证码提交即可。

Google

google和百度基本的流程差不多,打开Google Search Console,点击添加属性,选择网站并提交自己的网站地址,也用alternate methods中的html tag方法来完成验证,跟百度的一样。

然后在左侧选择,抓取->站点地图,提交自己的sitemap地址,比如我的就是https://steflerjiang.github.io/sitemap.xml,等一两天左右就行了。